<template>
	<view class="com-btm">
		<view class="title" @tap="jump(targgetId)">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: "button-btm",
		props: {
			targgetId: Number
		},
		data() {
			return {

			};
		},
		methods: {
			jump(targgetId) {
				this.$parent.btnJump(targgetId)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.com-btm {
		position: fixed;
		bottom: 0px;
		width: 100%;
		padding: 20rpx 64rpx 40rpx;
		box-sizing: border-box;
		border-top: 2rpx solid #f6f7fb;
		background-color: #FFFFFF;
		// z-index: 100;

		.title {
			width: 100%;
			background-color: $public-oclor;
			height: 80rpx;
			border-radius: 80rpx;
			font-size: 32rpx;
			font-weight: 500;
			line-height: 80rpx;
			text-align: center;
			color: #FFFFFF;
		}

	}
</style>
